﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>竞价详细信息</title>
    <script type="text/javascript">
	function btnOK(){
		document.getElementById("add").style.display="block";
	}
	function btnCancel(){
		document.getElementById("add").style.display="none";
	}
</script>
</head>
<body style="background:#FFF;">
    <div style="position:absolute; width:100%; z-index:1;">
        <div style="font-size: 24px; font-weight: bold; margin-bottom: 10px; text-align: center;">
            竞价详细信息</div>
        <div style="position:relative; width:85%; margin-left:100px;">
       	  <table width="70%" height="100px" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                    	<td width="18%">编号：</td>
                        <td width="37%">0000001</td>
                        <td width="23%">
                            原料名称：</td>
                        <td width="22%">
                            毛线</td>
                    </tr>
                    <tr>
                         <td>竞价结束交期：</td>
                         <td>2013-03-17</td>
                        <td>
                            完成时间：</td>
                        <td>
                            2013-03-31</td>
                    </tr>
                    <tr>
                        <td>
                            说明：</td>
                        <td colspan="3">
                            时间可视情况延长</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div style="width: 85%; margin-top: 15px; margin-left: 100px; font-size: 18px; font: bold;
            text-align: left; border-bottom: 2px solid #CCC;">
            提交报价</div>
        <div style="width: 85%; margin-left: 100px; margin-top: 5px; border: 1px solid #CCC;">
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td align="right">
                            供应商名称：</td>
                        <td>
                            <input type="text" /></td>
                            <td align="right">
                            地址：</td>
                        <td>
                            <input type="text" /></td>
                    </tr>
                    <tr>
                        <td align="right">
                            联系电话：</td>
                        <td>
                            <input type="text" /></td>
                            <td align="right">
                            报价：</td>
                        <td>
                            <input type="text" /></td>
                    </tr>
                    <tr>
                        <td align="right">
                            预估交货时间：</td>
                        <td>
                            <input type="text" /></td>
                            <td align="right">
                            实际交货时间：</td>
                        <td>
                            <input type="text" /></td>
                    </tr>
                    <tr>
                    	<td colspan="4">
                        	<div style="border-bottom:1px inset #CCC;">生产计划</div>
                            <div style="margin-top:3px;">
                            	<table width="100%" border="1" cellpadding="0" cellspacing="0">
                                	<tbody>
                                    	<tr>
                                        	<td>NO</td>
                                        	<th>原料名称</th>
                                            <th>使用总量(KG)</th>
                                            <th>预估生产时间</th>
                                            <th>实际生产时间</th>
                                        </tr>
                                        <tr>
                                        	<td align="center" colspan="5"><a href="#" onclick="btnOK()">添加生产计划</a></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div style="width:85%; margin-left:100px; text-align:right;"><input type="button" value="提交"/></div>
        <div style="width: 85%; margin-top: 20px; margin-left: 100px; font-size: 18px; font: bold;
            text-align: left; border-bottom: 2px solid #CCC;">
            已有<span style="color: #F00;">3</span>个参与：</div>
        <div style="width: 85%; margin-left: 100px;">
            <table width="100%" border="0" cellpadding="0" cellspacing="0">
                <tbody>
                    <tr>
                        <td>
                            状态</td>
                        <td>
                            报价供应商</td>
                        <td>
                            报价</td>
                        <td>
                            报价时间</td>
                        <td>
                            操作</td>
                    </tr>
                    <tr>
                        <td>
                            竞价中</td>
                        <td>
                            dfgddfg</td>
                        <td>
                            3000</td>
                        <td>
                            2013-03-21</td>
                        <td>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            竞价中</td>
                        <td>
                            df</td>
                        <td>
                            1500</td>
                        <td>
                            2013-03-21</td>
                        <td>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            竞价中</td>
                        <td>
                            dfg</td>
                        <td>
                            2500</td>
                        <td>
                            2013-03-21</td>
                        <td>
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
    </div>
    <div id="add" style="width:40%; left:300px; top:190px; z-index:2; position:relative; background:#CCC; display:none;">
    	<table width="100%" border="1" cellpadding="0" cellspacing="0">
        	<tbody>
            	<tr>
                	<td>原料名称：</td>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                	<td>使用总数量：</td>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                	<td>预估生产时间：</td>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                	<td>实际生产时间：</td>
                    <td><input type="text"/></td>
                </tr>
                <tr>
                	<td colspan="2" align="center"><input type="button" value="提交"/><input type="button" value="取消" onclick="btnCancel()"/></td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>
